:root {
    --color-red: hsla(0 89.07103825136613% 64.11764705882354% / 1);
    --color-orange: hsla(19.622641509433947 92.9824561403509% 66.47058823529412% / 1);
    --color-yellow: hsla(43.676470588235304 100% 73.33333333333334% / 1);
    --color-green: hsla(154.4186046511628 57.847533632286996% 43.72549019607843% / 1);
    --color-teal: hsla(173.8888888888889 42.85714285714286% 49.411764705882355% / 1);
    --color-blue: hsla(195.0967741935484 77.11442786069651% 39.411764705882355% / 1);
    --color-indigo: hsla(227.9289940828403 89.41798941798945% 62.94117647058823% / 1);
    --color-purple: hsla(262.2857142857142 30.172413793103452% 54.50980392156863% / 1);
    --color-pink: hsla(351.42857142857144 95.68345323741009% 72.74509803921569% / 1);
    --color-white: hsla(0 0% 100% / 1);
    --color-black: hsla(0 0% 0% / 1);
    --color-gray: hsla(193.63636363636363 10.784313725490199% 60.00000000000001% / 1);
    --color-gray-50: hsla(from var(--color-gray) h s 95% / alpha);
    --color-gray-100: hsla(from var(--color-gray) h s 90% / alpha);
    --color-gray-200: hsla(from var(--color-gray) h s 80% / alpha);
    --color-gray-300: hsla(from var(--color-gray) h s 70% / alpha);
    --color-gray-400: hsla(from var(--color-gray) h s 60% / alpha);
    --color-gray-500: hsla(from var(--color-gray) h s 50% / alpha);
    --color-gray-600: hsla(from var(--color-gray) h s 40% / alpha);
    --color-gray-700: hsla(from var(--color-gray) h s 30% / alpha);
    --color-gray-800: hsla(from var(--color-gray) h s 20% / alpha);
    --color-gray-900: hsla(from var(--color-gray) h s 10% / alpha);
    --color-gray-950: hsla(from var(--color-gray) h s 5% / alpha);
    --color-primary: var(--color-blue);
    --color-secondary: var(--color-purple);
    --color-info: var(--color-teal);
    --color-success: var(--color-green);
    --color-warning: var(--color-yellow);
    --color-danger: var(--color-red);
    --color-light: var(--color-gray-100);
    --color-dark: var(--color-gray-800);
    --color-primary-50: hsla(from var(--color-primary) h s 95% / alpha);
    --color-primary-100: hsla(from var(--color-primary) h s 90% / alpha);
    --color-primary-200: hsla(from var(--color-primary) h s 80% / alpha);
    --color-primary-300: hsla(from var(--color-primary) h s 70% / alpha);
    --color-primary-400: hsla(from var(--color-primary) h s 60% / alpha);
    --color-primary-500: hsla(from var(--color-primary) h s 50% / alpha);
    --color-primary-600: hsla(from var(--color-primary) h s 40% / alpha);
    --color-primary-700: hsla(from var(--color-primary) h s 30% / alpha);
    --color-primary-800: hsla(from var(--color-primary) h s 20% / alpha);
    --color-primary-900: hsla(from var(--color-primary) h s 10% / alpha);
    --color-primary-950: hsla(from var(--color-primary) h s 5% / alpha);
    --color-primary-tint-50: hsla(from var(--color-primary) h s calc(l + 5) / alpha);
    --color-primary-tint-100: hsla(from var(--color-primary) h s calc(l + 10) / alpha);
    --color-primary-tint-150: hsla(from var(--color-primary) h s calc(l + 15) / alpha);
    --color-primary-shade-50: hsla(from var(--color-primary) h s calc(l - 5) / alpha);
    --color-primary-shade-100: hsla(from var(--color-primary) h s calc(l - 10) / alpha);
    --color-primary-shade-150: hsla(from var(--color-primary) h s calc(l - 15) / alpha);
    --color-secondary-50: hsla(from var(--color-secondary) h s 95% / alpha);
    --color-secondary-100: hsla(from var(--color-secondary) h s 90% / alpha);
    --color-secondary-200: hsla(from var(--color-secondary) h s 80% / alpha);
    --color-secondary-300: hsla(from var(--color-secondary) h s 70% / alpha);
    --color-secondary-400: hsla(from var(--color-secondary) h s 60% / alpha);
    --color-secondary-500: hsla(from var(--color-secondary) h s 50% / alpha);
    --color-secondary-600: hsla(from var(--color-secondary) h s 40% / alpha);
    --color-secondary-700: hsla(from var(--color-secondary) h s 30% / alpha);
    --color-secondary-800: hsla(from var(--color-secondary) h s 20% / alpha);
    --color-secondary-900: hsla(from var(--color-secondary) h s 10% / alpha);
    --color-secondary-950: hsla(from var(--color-secondary) h s 5% / alpha);
    --color-secondary-tint-50: hsla(from var(--color-secondary) h s calc(l + 5) / alpha);
    --color-secondary-tint-100: hsla(from var(--color-secondary) h s calc(l + 10) / alpha);
    --color-secondary-tint-150: hsla(from var(--color-secondary) h s calc(l + 15) / alpha);
    --color-secondary-shade-50: hsla(from var(--color-secondary) h s calc(l - 5) / alpha);
    --color-secondary-shade-100: hsla(from var(--color-secondary) h s calc(l - 10) / alpha);
    --color-secondary-shade-150: hsla(from var(--color-secondary) h s calc(l - 15) / alpha);
    --color-info-50: hsla(from var(--color-info) h s 95% / alpha);
    --color-info-100: hsla(from var(--color-info) h s 90% / alpha);
    --color-info-200: hsla(from var(--color-info) h s 80% / alpha);
    --color-info-300: hsla(from var(--color-info) h s 70% / alpha);
    --color-info-400: hsla(from var(--color-info) h s 60% / alpha);
    --color-info-500: hsla(from var(--color-info) h s 50% / alpha);
    --color-info-600: hsla(from var(--color-info) h s 40% / alpha);
    --color-info-700: hsla(from var(--color-info) h s 30% / alpha);
    --color-info-800: hsla(from var(--color-info) h s 20% / alpha);
    --color-info-900: hsla(from var(--color-info) h s 10% / alpha);
    --color-info-950: hsla(from var(--color-info) h s 5% / alpha);
    --color-info-tint-50: hsla(from var(--color-info) h s calc(l + 5) / alpha);
    --color-info-tint-100: hsla(from var(--color-info) h s calc(l + 10) / alpha);
    --color-info-tint-150: hsla(from var(--color-info) h s calc(l + 15) / alpha);
    --color-info-shade-50: hsla(from var(--color-info) h s calc(l - 5) / alpha);
    --color-info-shade-100: hsla(from var(--color-info) h s calc(l - 10) / alpha);
    --color-info-shade-150: hsla(from var(--color-info) h s calc(l - 15) / alpha);
    --color-success-50: hsla(from var(--color-success) h s 95% / alpha);
    --color-success-100: hsla(from var(--color-success) h s 90% / alpha);
    --color-success-200: hsla(from var(--color-success) h s 80% / alpha);
    --color-success-300: hsla(from var(--color-success) h s 70% / alpha);
    --color-success-400: hsla(from var(--color-success) h s 60% / alpha);
    --color-success-500: hsla(from var(--color-success) h s 50% / alpha);
    --color-success-600: hsla(from var(--color-success) h s 40% / alpha);
    --color-success-700: hsla(from var(--color-success) h s 30% / alpha);
    --color-success-800: hsla(from var(--color-success) h s 20% / alpha);
    --color-success-900: hsla(from var(--color-success) h s 10% / alpha);
    --color-success-950: hsla(from var(--color-success) h s 5% / alpha);
    --color-success-tint-50: hsla(from var(--color-success) h s calc(l + 5) / alpha);
    --color-success-tint-100: hsla(from var(--color-success) h s calc(l + 10) / alpha);
    --color-success-tint-150: hsla(from var(--color-success) h s calc(l + 15) / alpha);
    --color-success-shade-50: hsla(from var(--color-success) h s calc(l - 5) / alpha);
    --color-success-shade-100: hsla(from var(--color-success) h s calc(l - 10) / alpha);
    --color-success-shade-150: hsla(from var(--color-success) h s calc(l - 15) / alpha);
    --color-warning-50: hsla(from var(--color-warning) h s 95% / alpha);
    --color-warning-100: hsla(from var(--color-warning) h s 90% / alpha);
    --color-warning-200: hsla(from var(--color-warning) h s 80% / alpha);
    --color-warning-300: hsla(from var(--color-warning) h s 70% / alpha);
    --color-warning-400: hsla(from var(--color-warning) h s 60% / alpha);
    --color-warning-500: hsla(from var(--color-warning) h s 50% / alpha);
    --color-warning-600: hsla(from var(--color-warning) h s 40% / alpha);
    --color-warning-700: hsla(from var(--color-warning) h s 30% / alpha);
    --color-warning-800: hsla(from var(--color-warning) h s 20% / alpha);
    --color-warning-900: hsla(from var(--color-warning) h s 10% / alpha);
    --color-warning-950: hsla(from var(--color-warning) h s 5% / alpha);
    --color-warning-tint-50: hsla(from var(--color-warning) h s calc(l + 5) / alpha);
    --color-warning-tint-100: hsla(from var(--color-warning) h s calc(l + 10) / alpha);
    --color-warning-tint-150: hsla(from var(--color-warning) h s calc(l + 15) / alpha);
    --color-warning-shade-50: hsla(from var(--color-warning) h s calc(l - 5) / alpha);
    --color-warning-shade-100: hsla(from var(--color-warning) h s calc(l - 10) / alpha);
    --color-warning-shade-150: hsla(from var(--color-warning) h s calc(l - 15) / alpha);
    --color-danger-50: hsla(from var(--color-danger) h s 95% / alpha);
    --color-danger-100: hsla(from var(--color-danger) h s 90% / alpha);
    --color-danger-200: hsla(from var(--color-danger) h s 80% / alpha);
    --color-danger-300: hsla(from var(--color-danger) h s 70% / alpha);
    --color-danger-400: hsla(from var(--color-danger) h s 60% / alpha);
    --color-danger-500: hsla(from var(--color-danger) h s 50% / alpha);
    --color-danger-600: hsla(from var(--color-danger) h s 40% / alpha);
    --color-danger-700: hsla(from var(--color-danger) h s 30% / alpha);
    --color-danger-800: hsla(from var(--color-danger) h s 20% / alpha);
    --color-danger-900: hsla(from var(--color-danger) h s 10% / alpha);
    --color-danger-950: hsla(from var(--color-danger) h s 5% / alpha);
    --color-danger-tint-50: hsla(from var(--color-danger) h s calc(l + 5) / alpha);
    --color-danger-tint-100: hsla(from var(--color-danger) h s calc(l + 10) / alpha);
    --color-danger-tint-150: hsla(from var(--color-danger) h s calc(l + 15) / alpha);
    --color-danger-shade-50: hsla(from var(--color-danger) h s calc(l - 5) / alpha);
    --color-danger-shade-100: hsla(from var(--color-danger) h s calc(l - 10) / alpha);
    --color-danger-shade-150: hsla(from var(--color-danger) h s calc(l - 15) / alpha);
    --color-light-shade-50: hsla(from var(--color-light) h s calc(l - 5) / alpha);
    --color-light-shade-100: hsla(from var(--color-light) h s calc(l - 10) / alpha);
    --color-light-shade-150: hsla(from var(--color-light) h s calc(l - 15) / alpha);
    --color-light-tint-50: hsla(from var(--color-light) h s calc(l + 5) / alpha);
    --color-light-tint-100: hsla(from var(--color-light) h s calc(l + 10) / alpha);
    --color-light-tint-150: hsla(from var(--color-light) h s calc(l + 15) / alpha);
    --color-dark-tint-50: hsla(from var(--color-dark) h s calc(l + 5) / alpha);
    --color-dark-tint-100: hsla(from var(--color-dark) h s calc(l + 10) / alpha);
    --color-dark-tint-150: hsla(from var(--color-dark) h s calc(l + 15) / alpha);
    --color-dark-shade-50: hsla(from var(--color-dark) h s calc(l - 5) / alpha);
    --color-dark-shade-100: hsla(from var(--color-dark) h s calc(l - 10) / alpha);
    --color-dark-shade-150: hsla(from var(--color-dark) h s calc(l - 15) / alpha);
    --border-top-width: 1px;
    --border-right-width: 1px;
    --border-bottom-width: 1px;
    --border-left-width: 1px;
    --border-width: var(--border-top-width) var(--border-right-width) var(--border-bottom-width) var(--border-left-width);
    --border-top-style: solid;
    --border-right-style: solid;
    --border-bottom-style: solid;
    --border-left-style: solid;
    --border-style: var(--border-top-style) var(--border-right-style) var(--border-bottom-style) var(--border-left-style);
    --border-top-color: var(--color-gray-200);
    --border-right-color: var(--color-gray-200);
    --border-bottom-color: var(--color-gray-200);
    --border-left-color: var(--color-gray-200);
    --border-color: var(--border-top-color) var(--border-right-color) var(--border-bottom-color) var(--border-left-color);
    --border-top: var(--border-top-width) var(--border-top-style) var(--border-top-color);
    --border-right: var(--border-right-width) var(--border-right-style) var(--border-right-color);
    --border-bottom: var(--border-bottom-width) var(--border-bottom-style) var(--border-bottom-color);
    --border-left: var(--border-left-width) var(--border-left-style) var(--border-left-color);
    --border: var(--border-width) var(--border-style) var(--border-color);
    --box-shadow-offset-x: 0;
    --box-shadow-offset-y: 0.5rem;
    --box-shadow-blur-radius: 1rem;
    --box-shadow-spread-radius: -0.75rem;
    --box-shadow-color: rgba(0, 0, 0, 0.15);
    --box-shadow: var(--box-shadow-offset-x) var(--box-shadow-offset-y) var(--box-shadow-blur-radius) var(--box-shadow-spread-radius) var(--box-shadow-color);
    --text-color: var(--color-gray-900);
    --text-color-weak: var(--color-gray-700);
    --text-color-weaker: var(--color-gray-500);
    --text-color-weakest: var(--color-gray-300);
    --transition-property: color, background-color, border-color;
    --transition-duration: 300ms;
    --transition-timing-function: ease;
    --transition: var(--transition-property) var(--transition-duration) var(--transition-timing-function);
    --contrast-text-color-light: var(--color-gray-900);
    --contrast-text-color-dark: var(--color-white);
    --contrast-text-color-primary: var(--contrast-text-color-dark);
    --contrast-text-color-secondary: var(--contrast-text-color-dark);
    --contrast-text-color-info: var(--contrast-text-color-light);
    --contrast-text-color-success: var(--contrast-text-color-light);
    --contrast-text-color-warning: var(--contrast-text-color-light);
    --contrast-text-color-danger: var(--contrast-text-color-light);
    --fluid--min-width: 320;
    --fluid--max-width: 1440;
    --fluid--screen: 100vw;
    --fluid--breakpoint: calc((var(--fluid--screen) - var(--fluid--min-width) / 16 * 1rem) / (var(--fluid--max-width) - var(--fluid--min-width)));
    --scale-minor-second: 1.067;
    --scale-major-second: 1.125;
    --scale-minor-third: 1.2;
    --scale-major-third: 1.25;
    --scale-perfect-fourth: 1.333;
    --scale-augmented-fourth: 1.414;
    --scale-perfect-fifth: 1.5;
    --scale-golden: 1.618;
    --scale: var(--scale-minor-third);
    --scale-pow-minus-2: calc(var(--scale) / var(--scale) / var(--scale));
    --scale-pow-minus-1: calc(var(--scale) / var(--scale));
    --scale-pow-1: calc(var(--scale) * 1);
    --scale-pow-2: calc(var(--scale) * var(--scale));
    --scale-pow-3: calc(var(--scale) * var(--scale) * var(--scale));
    --scale-pow-4: calc(var(--scale) * var(--scale) * var(--scale) * var(--scale));
    --scale-pow-5: calc(var(--scale) * var(--scale) * var(--scale) * var(--scale) * var(--scale));
    --type-scale-min: var(--scale-minor-third);
    --type-scale-max: var(--scale-perfect-fourth);
    --type-scale-min-pow-minus-4: calc(1 / var(--type-scale-min) / var(--type-scale-min) / var(--type-scale-min) / var(--type-scale-min));
    --type-scale-min-pow-minus-3: calc(1 / var(--type-scale-min) / var(--type-scale-min) / var(--type-scale-min));
    --type-scale-min-pow-minus-2: calc(1 / var(--type-scale-min) / var(--type-scale-min));
    --type-scale-min-pow-minus-1: calc(1 / var(--type-scale-min));
    --type-scale-min-pow-1: calc(var(--type-scale-min) * 1);
    --type-scale-min-pow-2: calc(var(--type-scale-min) * var(--type-scale-min));
    --type-scale-min-pow-3: calc(var(--type-scale-min) * var(--type-scale-min) * var(--type-scale-min));
    --type-scale-min-pow-4: calc(var(--type-scale-min) * var(--type-scale-min) * var(--type-scale-min) * var(--type-scale-min));
    --type-scale-min-pow-5: calc(var(--type-scale-min) * var(--type-scale-min) * var(--type-scale-min) * var(--type-scale-min) * var(--type-scale-min));
    --type-scale-max-pow-minus-4: calc(1 / var(--type-scale-max) / var(--type-scale-max) / var(--type-scale-max) / var(--type-scale-max));
    --type-scale-max-pow-minus-3: calc(1 / var(--type-scale-max) / var(--type-scale-max) / var(--type-scale-max));
    --type-scale-max-pow-minus-2: calc(1 / var(--type-scale-max) / var(--type-scale-max));
    --type-scale-max-pow-minus-1: calc(1 / var(--type-scale-max));
    --type-scale-max-pow-1: calc(var(--type-scale-max) * 1);
    --type-scale-max-pow-2: calc(var(--type-scale-max) * var(--type-scale-max));
    --type-scale-max-pow-3: calc(var(--type-scale-max) * var(--type-scale-max) * var(--type-scale-max));
    --type-scale-max-pow-4: calc(var(--type-scale-max) * var(--type-scale-max) * var(--type-scale-max) * var(--type-scale-max));
    --type-scale-max-pow-5: calc(var(--type-scale-max) * var(--type-scale-max) * var(--type-scale-max) * var(--type-scale-max) * var(--type-scale-max));
    --font-size-min: 16;
    --font-size-max: 20;
    --font-size-min-xs: calc(var(--font-size-min) * var(--type-scale-min-pow-minus-2));
    --font-size-min-sm: calc(var(--font-size-min) * var(--type-scale-min-pow-minus-1));
    --font-size-min-md: var(--font-size-min);
    --font-size-min-lg: calc(var(--font-size-min) * var(--type-scale-min-pow-1));
    --font-size-min-xl: calc(var(--font-size-min) * var(--type-scale-min-pow-2));
    --font-size-min-2xl: calc(var(--font-size-min) * var(--type-scale-min-pow-3));
    --font-size-min-3xl: calc(var(--font-size-min) * var(--type-scale-min-pow-4));
    --font-size-min-4xl: calc(var(--font-size-min) * var(--type-scale-min-pow-5));
    --font-size-max-xs: calc(var(--font-size-max) * var(--type-scale-max-pow-minus-2));
    --font-size-max-sm: calc(var(--font-size-max) * var(--type-scale-max-pow-minus-1));
    --font-size-max-md: var(--font-size-max);
    --font-size-max-lg: calc(var(--font-size-max) * var(--type-scale-max-pow-1));
    --font-size-max-xl: calc(var(--font-size-max) * var(--type-scale-max-pow-2));
    --font-size-max-2xl: calc(var(--font-size-max) * var(--type-scale-max-pow-3));
    --font-size-max-3xl: calc(var(--font-size-max) * var(--type-scale-max-pow-4));
    --font-size-max-4xl: calc(var(--font-size-max) * var(--type-scale-max-pow-5));
    --font-size-xs: calc(((var(--font-size-min-xs) / 16) * 1rem) + (var(--font-size-max-xs) - var(--font-size-min-xs)) * var(--fluid--breakpoint));
    --font-size-sm: calc(((var(--font-size-min-sm) / 16) * 1rem) + (var(--font-size-max-sm) - var(--font-size-min-sm)) * var(--fluid--breakpoint));
    --font-size-md: calc(((var(--font-size-min-md) / 16) * 1rem) + (var(--font-size-max-md) - var(--font-size-min-md)) * var(--fluid--breakpoint));
    --font-size-lg: calc(((var(--font-size-min-lg) / 16) * 1rem) + (var(--font-size-max-lg) - var(--font-size-min-lg)) * var(--fluid--breakpoint));
    --font-size-xl: calc(((var(--font-size-min-xl) / 16) * 1rem) + (var(--font-size-max-xl) - var(--font-size-min-xl)) * var(--fluid--breakpoint));
    --font-size-2xl: calc(((var(--font-size-min-2xl) / 16) * 1rem) + (var(--font-size-max-2xl) - var(--font-size-min-2xl)) * var(--fluid--breakpoint));
    --font-size-3xl: calc(((var(--font-size-min-3xl) / 16) * 1rem) + (var(--font-size-max-3xl) - var(--font-size-min-3xl)) * var(--fluid--breakpoint));
    --font-size-4xl: calc(((var(--font-size-min-4xl) / 16) * 1rem) + (var(--font-size-max-4xl) - var(--font-size-min-4xl)) * var(--fluid--breakpoint));
    --font-size: var(--font-size-md);
    --spacing-min: var(--font-size-min);
    --spacing-max: var(--font-size-max);
    --spacing-min-2xs: calc(var(--spacing-min) * 0.25);
    --spacing-min-xs: calc(var(--spacing-min) * 0.5);
    --spacing-min-sm: calc(var(--spacing-min) * 0.75);
    --spacing-min-md: var(--spacing-min);
    --spacing-min-lg: calc(var(--spacing-min) * 1.5);
    --spacing-min-xl: calc(var(--spacing-min) * 2);
    --spacing-min-2xl: calc(var(--spacing-min) * 4);
    --spacing-min-3xl: calc(var(--spacing-min) * 6);
    --spacing-min-4xl: calc(var(--spacing-min) * 8);
    --spacing-max-2xs: calc(var(--spacing-max) * 0.25);
    --spacing-max-xs: calc(var(--spacing-max) * 0.5);
    --spacing-max-sm: calc(var(--spacing-max) * 0.75);
    --spacing-max-md: var(--spacing-max);
    --spacing-max-lg: calc(var(--spacing-max) * 1.5);
    --spacing-max-xl: calc(var(--spacing-max) * 2);
    --spacing-max-2xl: calc(var(--spacing-max) * 4);
    --spacing-max-3xl: calc(var(--spacing-max) * 6);
    --spacing-max-4xl: calc(var(--spacing-max) * 8);
    --spacing-2xs: calc(((var(--spacing-min-2xs) / 16) * 1rem) + (var(--spacing-max-2xs) - var(--spacing-min-2xs)) * var(--fluid--breakpoint));
    --spacing-xs: calc(((var(--spacing-min-xs) / 16) * 1rem) + (var(--spacing-max-xs) - var(--spacing-min-xs)) * var(--fluid--breakpoint));
    --spacing-sm: calc(((var(--spacing-min-sm) / 16) * 1rem) + (var(--spacing-max-sm) - var(--spacing-min-sm)) * var(--fluid--breakpoint));
    --spacing-md: calc(((var(--spacing-min-md) / 16) * 1rem) + (var(--spacing-max-md) - var(--spacing-min-md)) * var(--fluid--breakpoint));
    --spacing-lg: calc(((var(--spacing-min-lg) / 16) * 1rem) + (var(--spacing-max-lg) - var(--spacing-min-lg)) * var(--fluid--breakpoint));
    --spacing-xl: calc(((var(--spacing-min-xl) / 16) * 1rem) + (var(--spacing-max-xl) - var(--spacing-min-xl)) * var(--fluid--breakpoint));
    --spacing-2xl: calc(((var(--spacing-min-2xl) / 16) * 1rem) + (var(--spacing-max-2xl) - var(--spacing-min-2xl)) * var(--fluid--breakpoint));
    --spacing-3xl: calc(((var(--spacing-min-3xl) / 16) * 1rem) + (var(--spacing-max-3xl) - var(--spacing-min-3xl)) * var(--fluid--breakpoint));
    --spacing-4xl: calc(((var(--spacing-min-4xl) / 16) * 1rem) + (var(--spacing-max-4xl) - var(--spacing-min-4xl)) * var(--fluid--breakpoint));
    --spacing-2xs-xs: calc(((var(--spacing-min-2xs) / 16) * 1rem) + (var(--spacing-max-xs) - var(--spacing-min-2xs)) * var(--fluid--breakpoint));
    --spacing-xs-sm: calc(((var(--spacing-min-xs) / 16) * 1rem) + (var(--spacing-max-sm) - var(--spacing-min-xs)) * var(--fluid--breakpoint));
    --spacing-xs-md: calc(((var(--spacing-min-xs) / 16) * 1rem) + (var(--spacing-max-md) - var(--spacing-min-xs)) * var(--fluid--breakpoint));
    --spacing-xs-lg: calc(((var(--spacing-min-xs) / 16) * 1rem) + (var(--spacing-max-lg) - var(--spacing-min-xs)) * var(--fluid--breakpoint));
    --spacing-xs-xl: calc(((var(--spacing-min-xs) / 16) * 1rem) + (var(--spacing-max-xl) - var(--spacing-min-xs)) * var(--fluid--breakpoint));
    --spacing-sm-md: calc(((var(--spacing-min-sm) / 16) * 1rem) + (var(--spacing-max-md) - var(--spacing-min-sm)) * var(--fluid--breakpoint));
    --spacing-sm-lg: calc(((var(--spacing-min-sm) / 16) * 1rem) + (var(--spacing-max-lg) - var(--spacing-min-sm)) * var(--fluid--breakpoint));
    --spacing-sm-xl: calc(((var(--spacing-min-sm) / 16) * 1rem) + (var(--spacing-max-xl) - var(--spacing-min-sm)) * var(--fluid--breakpoint));
    --spacing-md-lg: calc(((var(--spacing-min-md) / 16) * 1rem) + (var(--spacing-max-lg) - var(--spacing-min-md)) * var(--fluid--breakpoint));
    --spacing-md-xl: calc(((var(--spacing-min-md) / 16) * 1rem) + (var(--spacing-max-xl) - var(--spacing-min-md)) * var(--fluid--breakpoint));
    --spacing-lg-xl: calc(((var(--spacing-min-lg) / 16) * 1rem) + (var(--spacing-max-xl) - var(--spacing-min-lg)) * var(--fluid--breakpoint));
    --spacing-xl-2xl: calc(((var(--spacing-min-xl) / 16) * 1rem) + (var(--spacing-max-2xl) - var(--spacing-min-xl)) * var(--fluid--breakpoint));
    --spacing-2xl-3xl: calc(((var(--spacing-min-2xl) / 16) * 1rem) + (var(--spacing-max-3xl) - var(--spacing-min-2xl)) * var(--fluid--breakpoint));
    --spacing-3xl-4xl: calc(((var(--spacing-min-3xl) / 16) * 1rem) + (var(--spacing-max-4xl) - var(--spacing-min-3xl)) * var(--fluid--breakpoint));
    --spacing: var(--spacing-md);
    --radio--border-top-color: var(--color-light-shade-50);
    --radio--border-right-color: var(--color-light-shade-50);
    --radio--border-bottom-color: var(--color-light-shade-50);
    --radio--border-left-color: var(--color-light-shade-50);
    --radio--border-top-width: var(--border-top-width);
    --radio--border-top-style: var(--border-top-style);
    --radio--border-right-width: var(--border-right-width);
    --radio--border-right-style: var(--border-right-style);
    --radio--border-bottom-width: var(--border-bottom-width);
    --radio--border-bottom-style: var(--border-bottom-style);
    --radio--border-left-width: var(--border-left-width);
    --radio--border-left-style: var(--border-left-style);
    --radio--border-top-left-radius: 50%;
    --radio--border-top-right-radius: 50%;
    --radio--border-bottom-right-radius: 50%;
    --radio--border-bottom-left-radius: 50%;
    --radio--box-shadow-offset-x: var(--box-shadow-offset-x);
    --radio--box-shadow-offset-y: var(--box-shadow-offset-y);
    --radio--box-shadow-blur-radius: var(--box-shadow-blur-radius);
    --radio--box-shadow-spread-radius: var(--box-shadow-spread-radius);
    --radio--box-shadow-color: var(--box-shadow-color);
    --radio--transition-property: background-color, color, border-color, transform;
    --radio--transition-duration: var(--transition-duration);
    --radio--transition-timing-function: var(--transition-timing-function);
    --radio--circle--color: var(--color-white);
    --radio--circle--width: calc(var(--spacing-md) * 0.5);
    --radio--circle--height: calc(var(--spacing-md) * 0.5);
    --radio--checked--background: var(--color-primary);
    --radio--checked--border-top-color: var(--color-primary-shade-50);
    --radio--checked--border-right-color: var(--color-primary-shade-50);
    --radio--checked--border-bottom-color: var(--color-primary-shade-50);
    --radio--checked--border-left-color: var(--color-primary-shade-50);
    --radio--checked--disabled--background: var(--color-primary-300);
    --radio--checked--disabled--border-top-color: var(--color-primary-400);
    --radio--checked--disabled--border-right-color: var(--color-primary-400);
    --radio--checked--disabled--border-bottom-color: var(--color-primary-400);
    --radio--checked--disabled--border-left-color: var(--color-primary-400);
    --radio--checked--readonly--background: var(--color-primary-400);
    --radio--checked--readonly--border-top-color: var(--color-primary-500);
    --radio--checked--readonly--border-right-color: var(--color-primary-500);
    --radio--checked--readonly--border-bottom-color: var(--color-primary-500);
    --radio--checked--readonly--border-left-color: var(--color-primary-500);
    --radio--disabled--color: var(--text-color-weak);
    --radio--disabled--background: var(--color-gray-100);
    --radio--disabled--border-top-color: var(--color-gray-200);
    --radio--disabled--border-right-color: var(--color-gray-200);
    --radio--disabled--border-bottom-color: var(--color-gray-200);
    --radio--disabled--border-left-color: var(--color-gray-200);
    --radio--focus--box-shadow-offset-x: 0;
    --radio--focus--box-shadow-offset-y: 0;
    --radio--focus--box-shadow-blur-radius: 0;
    --radio--focus--box-shadow-spread-radius: 3px;
    --radio--focus--box-shadow-color: hsla(from var(--color-primary) h s l / 0.25);
    --radio--background: var(--color-white);
    --radio--color: var(--contrast-text-color-light);
    --radio--readonly--background: var(--color-gray-100);
    --radio--readonly--border-top-color: var(--color-gray-200);
    --radio--readonly--border-right-color: var(--color-gray-200);
    --radio--readonly--border-bottom-color: var(--color-gray-200);
    --radio--readonly--border-left-color: var(--color-gray-200);
    --radio--font-size: var(--font-size-md);
    --radio--margin-top: 0;
    --radio--margin-right: calc(var(--spacing-md) * 0.5);
    --radio--margin-bottom: calc(var(--spacing-md) * 0.5);
    --radio--margin-left: 0;
    --radio--width: var(--spacing-md);
    --radio--height: var(--spacing-md);
    --radio--sm--font-size: var(--font-size-sm);
    --radio--sm--margin-top: 0;
    --radio--sm--margin-right: calc(var(--spacing-sm) * 0.5);
    --radio--sm--margin-bottom: calc(var(--spacing-sm) * 0.5);
    --radio--sm--margin-left: 0;
    --radio--sm--width: var(--spacing-sm);
    --radio--sm--height: var(--spacing-sm);
    --radio--sm--circle--width: calc(var(--spacing-sm) * 0.5);
    --radio--sm--circle--height: calc(var(--spacing-sm) * 0.5);
    --radio--md--font-size: var(--font-size-md);
    --radio--md--margin-top: 0;
    --radio--md--margin-right: calc(var(--spacing-md) * 0.5);
    --radio--md--margin-bottom: calc(var(--spacing-md) * 0.5);
    --radio--md--margin-left: 0;
    --radio--md--width: var(--spacing-md);
    --radio--md--height: var(--spacing-md);
    --radio--md--circle--width: calc(var(--spacing-md) * 0.5);
    --radio--md--circle--height: calc(var(--spacing-md) * 0.5);
    --radio--lg--font-size: var(--font-size-lg);
    --radio--lg--margin-top: 0;
    --radio--lg--margin-right: calc(var(--spacing-lg) * 0.5);
    --radio--lg--margin-bottom: calc(var(--spacing-lg) * 0.5);
    --radio--lg--margin-left: 0;
    --radio--lg--width: var(--spacing-lg);
    --radio--lg--height: var(--spacing-lg);
    --radio--lg--circle--width: calc(var(--spacing-lg) * 0.5);
    --radio--lg--circle--height: calc(var(--spacing-lg) * 0.5);
    --radio--light--border-top-color: var(--color-light-shade-50);
    --radio--light--border-right-color: var(--color-light-shade-50);
    --radio--light--border-bottom-color: var(--color-light-shade-50);
    --radio--light--border-left-color: var(--color-light-shade-50);
    --radio--light--background: var(--color-white);
    --radio--light--color: var(--contrast-text-color-light);
    --radio--light--disabled--background: var(--color-gray-100);
    --radio--light--disabled--border-top-color: var(--color-gray-200);
    --radio--light--disabled--border-right-color: var(--color-gray-200);
    --radio--light--disabled--border-bottom-color: var(--color-gray-200);
    --radio--light--disabled--border-left-color: var(--color-gray-200);
    --radio--light--readonly--background: var(--color-gray-100);
    --radio--light--readonly--border-top-color: var(--color-gray-200);
    --radio--light--readonly--border-right-color: var(--color-gray-200);
    --radio--light--readonly--border-bottom-color: var(--color-gray-200);
    --radio--light--readonly--border-left-color: var(--color-gray-200);
    --radio--light--checked--disabled--background: var(--color-primary-300);
    --radio--light--checked--disabled--border-top-color: var(--color-primary-400);
    --radio--light--checked--disabled--border-right-color: var(--color-primary-400);
    --radio--light--checked--disabled--border-bottom-color: var(--color-primary-400);
    --radio--light--checked--disabled--border-left-color: var(--color-primary-400);
    --radio--light--checked--readonly--background: var(--color-primary-400);
    --radio--light--checked--readonly--border-top-color: var(--color-primary-500);
    --radio--light--checked--readonly--border-right-color: var(--color-primary-500);
    --radio--light--checked--readonly--border-bottom-color: var(--color-primary-500);
    --radio--light--checked--readonly--border-left-color: var(--color-primary-500);
    --radio--dark--border-top-color: var(--color-dark-tint-50);
    --radio--dark--border-right-color: var(--color-dark-tint-50);
    --radio--dark--border-bottom-color: var(--color-dark-tint-50);
    --radio--dark--border-left-color: var(--color-dark-tint-50);
    --radio--dark--background: var(--color-dark);
    --radio--dark--color: var(--contrast-text-color-dark);
    --radio--dark--disabled--background: var(--color-gray-600);
    --radio--dark--disabled--border-top-color: var(--color-gray-700);
    --radio--dark--disabled--border-right-color: var(--color-gray-700);
    --radio--dark--disabled--border-bottom-color: var(--color-gray-700);
    --radio--dark--disabled--border-left-color: var(--color-gray-700);
    --radio--dark--readonly--background: var(--color-gray-600);
    --radio--dark--readonly--border-top-color: var(--color-gray-700);
    --radio--dark--readonly--border-right-color: var(--color-gray-700);
    --radio--dark--readonly--border-bottom-color: var(--color-gray-700);
    --radio--dark--readonly--border-left-color: var(--color-gray-700);
    --radio--dark--checked--disabled--background: var(--color-primary-700);
    --radio--dark--checked--disabled--border-top-color: var(--color-primary-800);
    --radio--dark--checked--disabled--border-right-color: var(--color-primary-800);
    --radio--dark--checked--disabled--border-bottom-color: var(--color-primary-800);
    --radio--dark--checked--disabled--border-left-color: var(--color-primary-800);
    --radio--dark--checked--readonly--background: var(--color-primary-600);
    --radio--dark--checked--readonly--border-top-color: var(--color-primary-700);
    --radio--dark--checked--readonly--border-right-color: var(--color-primary-700);
    --radio--dark--checked--readonly--border-bottom-color: var(--color-primary-700);
    --radio--dark--checked--readonly--border-left-color: var(--color-primary-700);
}
